<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <a href="jQuery属性操作.html" title="1"></a>
    <span data-index="2">123</span>
    <script>
        $(function(){
            // element.prop("属性名") 获取属性值
            // element.prop("属性名","属性值") 设置属性语法
            // 元素自定义属性 通过attr()
            // 元素自定义属性并修改  通过attr("属性名"，"属性值")

            // 数据缓存 data("属性","属性值") 这个里面的数据是存放在元素的内存里
            $("span").data("uname","andy");//uname = andy
            console.log($("span").data("index"));
        })
    </script>
</body>
</html>